<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<%@ include file="../common/taglibs.jsp"%>
<%@ include file="../common/includes.jsp"%>
<head>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="下一站旅行 酒店 机票  xiayizhan 下一站">
<meta http-equiv="description" content="下一站旅行 酒店 机票  xiayizhan 下一站">
<title>${hotel_name}酒店预订电话_地址_价格查询 酒店预订 下一站旅行网</title>
<link href="${ctx}/css/hotel_info.css" rel="stylesheet" type="text/css" />
<style type="text/css">
[id^='HOTEL_']{
display:none;
}
</style>
<script type="text/javascript">
$(function(){
	var flag = "4";
	switchContent("","1");
});
</script>
</head>
<body>
	<%@include file="../frame/header.jsp"%>
	<div class="w980">
		<div style="padding: 5px">
			<a href="http://www.ixiayizhan.com" title="首页">首页</a> > <a href="/"
				title="酒店">酒店</a> ><a href="/" title="深圳酒店">深圳酒店</a> > <span
				title="xx酒店">xx酒店</span>
		</div>
		<!-- hotel_head -->
		<div id="hotel_head" style="padding: 12px">
			<div style="background: #F8F8F8;">
				<div id="share_to" style="float: right; padding: 5px">
					<span style="vertical-align: middle">分享到:</span>&nbsp; <a
						href="javascript:void(0)" title="人人网" class="xiaonei"></a> <a
						href="javascript:void(0)" title="新浪微博" class="weibo"></a> <a
						href="javascript:void(0)" title="腾讯微博" class="txwb"></a>
				</div>
				<div>
					<span id="hotel_name"
						style="font-family: '微软雅黑' '宋体'; font-size: 18px; font-weight: bold;">深圳黄轩酒店</span>
					<ul class="star_level" title="三星级/豪华型酒店">
						<li class="on"></li>
						<li class="on"></li>
						<li class="on"></li>
						<li class="off"></li>
						<li class="off"></li>
					</ul>
					<div style="margin-top: 8px">
						<span id="address">地址：深圳市南山区xx路</span>&nbsp;&nbsp;<a
							 href="#tobook" onclick="switchTab('5')">查看地图</a>
					</div>
				</div>
			</div>
			<div style="margin-top: 12px; height: 180px">
				<div style="float: left">
				<div style="float: left">
					<img alt="" src="/images/logo.png"
						style="height: 160px; width: 220px">
				</div>
				<div style="float: left; margin-left: 10px; width: 490px">
					<div>
						<ul class="images_list">
							<li><img alt="" src="/images/logo.png" /></li>
							<li><img alt="" src="/images/logo.png" /></li>
							<li><img alt="" src="/images/logo.png" /></li>
							<li><img alt="" src="/images/logo.png" /></li>
							<li><img alt="" src="/images/logo.png" /></li>
						</ul>
						<a href="#tobook" onclick="switchTab('4')" style="padding-bottom: 34px">更多>..</a>
					</div>
					<div style="margin-top: 8px;">
						评分:<span
							style="font-size: 24px; font-weight: bold; color: #ff882a">8.0</span>
						/ 10分&nbsp;&nbsp;&nbsp;&nbsp; <span>88%</span>用户推荐
						<p style="margin-top: 5px">酒店位置不错，交通较为方便，就是价格稍微有点贵，如含早餐那就相当好了
						</p>
						<a href="#tobook" onclick="switchTab('3')" style="float: right">查看更多评论</a>
					</div>
				</div>
				<div style="margin-top: 8px;display:block;clear:both;padding-top:5px">设施</div>
				</div>
				<div style="float: right; width: 220px">
					<%@include file="hotel_map.jsp" %>
				</div>
				<div style="clear: both"></div>
			</div>
		</div>

		<!--  -->
		<div style="margin: 12px 0 12px 0; width: 988px; float: none;">
			<!-- 房型预订 左侧 -->
			<div style="float: left; width: 750px">
				<div id="book_head">
					<a id="tobook"></a>
					<ul style="list-style: none;float:left;width:100%;border-bottom:2px solid #12A3F6">
						<li class="book_title on" onclick="switchTab('1')" index="1">房型预订</li>
						<li class="book_title" onclick="switchTab('2')" index="2">酒店信息</li>
						<li class="book_title" onclick="switchTab('3')" index="3">住客点评</li>
						<li class="book_title" onclick="switchTab('4')" index="4">酒店图片</li>
						<li class="book_title" onclick="switchTab('5')" index="5">酒店地图</li>
					</ul>
				</div>
				<div class="clear"></div>
				<div id="HOTEL_MAP" style="margin: 20px auto 50px">
					<iframe height="700px" width="700px" scrolling="no" id="h_map_frame" src=""></iframe>
				</div>
				<div id="HOTEL_PHOTOS">
					<%@include file="hotel_photos.jsp" %>
				</div>
				<div style="display:none;clear: both; border-width: 0 2px 2px;border-style: solid;border-color: #12A3F6; padding: 12px"
					id="HOTEL_ROOMS">
					<%@include file="hotel_rooms.jsp" %>
				</div>
				<!-- hotel info -->
				<div id="HOTEL_INFO" style="clear: both;margin-bottom:20px">
					<%@include file="hotel_introduce.jsp" %>
				</div>
				<div class="hotelinfodivp" style="margin-bottom: 50px;clear:both"
					id="HOTEL_COMMENT">
					<%@include file="hotel_comment.jsp" %>
				</div>
			</div>
			<!-- 右侧 浏览记录等 -->
			<div class="fright">
				<%@include file="hotel_right.jsp" %>
			</div>
		</div>
	</div>
	<div style="width:95%;margin:0 auto">
		<%@include file="hotel_extend.jsp"%>
	</div>
	<%@include file="../frame/foot.jsp"%>
</body>
<script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="/js/hotel_info.js"></script>
</html>